<div id="pass-panel" class="block-panel">
    <div class="content-panel form">
        <div class="menu-panel"><h4>${category.name}/${archive.title}</h4></div>
        <div class="form-row">
            <div class="form-label">隐私</div>
            <div class="form-r64">
                <div class="form-c64">阅读密码:</div>
                <div class="form-m64"><input name="password1" type="password" value=""/></div>
            </div>
            <div class="form-r64">
                <div class="form-c64">确认密码:</div>
                <div class="form-m64"><input name="password2" type="password" value=""/></div>
            </div>
        </div>
        <div class="button">
            <button class="button cancel">取 消</button>
            <button class="button ensure create-password">确 定</button>
            <button class="button ensure remove-password">取消阅读密码</button>
        </div>
    </div>
</div>

<div id="prop-panel" class="block-panel">
    <div class="content-panel form">
        <div class="menu-panel"><h4 title="${category.categoryId}/${archive.archiveId}">${category.name}/${archive.title}</h4></div>
        <div class="form-row">
            <div class="form-label">概要</div>
            <div class="form-r64">
                <div class="form-c64">创建时间:</div>
                <div class="form-m64"><fmt:formatDate pattern="yyyy-MM-dd HH:mm:ss" value="${archive.createTime}"/></div>
            </div>
            <div class="form-r64">
                <div class="form-c64">更新时间:</div>
                <div class="form-m64"><fmt:formatDate pattern="yyyy-MM-dd HH:mm:ss" value="${archive.updateTime}"/></div>
            </div>
            <div class="form-r64">
                <div class="form-c64">文档类型:</div>
                <div class="form-m64">
                    <select name="mimeType" style="width: 150px;" selected-value="${archive.mimeType}">
                        <option value="text/html">text/html</option>
                        <option value="text/mark">text/mark</option>
                        <option value="text/plain">text/plain</option>
                    </select>
                </div>
            </div>
            <div class="form-r64">
                <div class="form-c64">文档主题:</div>
                <div class="form-m64">
                    <select name="theme" style="width: 150px;" selected-value="${archive.theme}"></select>
                </div>
            </div>
            <div class="form-r64">
                <div class="form-c64">&nbsp;</div>
                <div class="form-m64">
                    <div class="form-comment">文档主题用来指定文档的显示样式。文档主题分为全局主题和分类主题，全局主题针对所有分类和文档有效；分类主题针对该分类和该分类下的子分类、文档有效。全局主题请在设置项里面进行指定。分类主题请在分类属性中指定。</div>
                </div>
            </div>
            <div class="form-r64">
                <div class="form-c64">文档连接:</div>
                <div class="form-m64">
                    <a href="${contextPath}/note/archive/display.html?archiveId=${archive.archiveId}" target="_blank" title="${category.name}">${contextPath}/note/archive/display.html?archiveId=${archive.archiveId}</a>
                </div>
            </div>
        </div>
        <div class="button">
            <button class="button cancel">取 消</button>
            <button class="button ensure">确 定</button>
        </div>
    </div>
</div>

<div id="share-panel" class="block-panel">
    <div class="content-panel form">
        <div class="menu-panel"><h4>${category.name}/${archive.title}</h4></div>
        <div class="form-row">
            <div class="form-label">分享文档</div>
            <div class="form-r64">
                <div class="form-c64">&nbsp;</div>
                <div class="form-m64">
                    <div class="form-comment">分享文档用来将您的私密文档分享给其他人，拥有该连接的任何人都可以查看您的文档，并且默认永远有效。重新生成将会使之前的分享链接立即失效。</div>
                </div>
            </div>
        </div>
        <div id="share-link" style="padding: 20px 0px; font-size: 16px; color: #2dbe60;">加载中...</div>
        <div class="button">
            <button class="button cancel">关 闭</button>
            <button class="action generate">重新生成</button>
        </div>
    </div>
</div>
<div id="pageContext" class="hide" contextPath="${contextPath}"
    userId="${userId}"
    owner="${owner}"
    categoryId="${archive.categoryId}"
    archiveId="${archive.archiveId}"
    contentId="${archiveContent.contentId}"
    theme="${archive.theme}"
    password="${archive.password}"
    version="${archiveContent.version}"
    pageNum="${pageNum}"
    pageCount="${pageCount}"></div>
